Skip to content

feat(webapp): storybook gallery for the dashboard agent - #4516

Open
kathiekiwi wants to merge 5 commits into
feat/dashboard-agent-flows-watchfrom
feat/agent-storybook-gallery
Open

feat(webapp): storybook gallery for the dashboard agent#4516
kathiekiwi wants to merge 5 commits into
feat/dashboard-agent-flows-watchfrom
feat/agent-storybook-gallery

Conversation

@kathiekiwi

@kathiekiwi kathiekiwi commented Aug 5, 2026

Copy link
Copy Markdown
Collaborator

Split out of #4418 so that PR carries only what ships to users.

Adds the agent gallery: five storybook.agent-* pages (chat UI, view blocks, report, investigation, watch) with their shared shell and manifest, the demo fixtures and two demo-only cards that feed them, the agent toast examples, and the screenshot script.

Screenshot 2026-08-06 at 00 36 19

@changeset-bot

changeset-bot Bot commented Aug 5, 2026

Copy link
Copy Markdown

⚠️ No Changeset found

Latest commit: ec08b16

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@coderabbitai

coderabbitai Bot commented Aug 5, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: c3034700-1257-41a1-af1b-1af25ecc3559

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

Walkthrough

Added client-safe dashboard-agent demo fixtures for identifiers, charts, view blocks, investigations, intents, watches, and messages. Added reusable chart and intent components. Replaced the diagnosis-only Storybook route with a gallery framework and routes for agent UI, view blocks, reports, investigations, and watches. Added toast examples, gallery navigation, theme controls, validation tests, and a Playwright screenshot utility with optional chat capture support.

🚥 Pre-merge checks | ✅ 3 | ❌ 2

❌ Failed checks (2 warnings)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 6.15% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
Description check ⚠️ Warning The description explains the main changes and includes a screenshot, but it omits the required issue, checklist, testing, and changelog sections. Add the required template sections, complete the checklist, document testing steps, provide a changelog entry, and include the issue reference.
✅ Passed checks (3 passed)
Check name Status Explanation
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
Title check ✅ Passed The title clearly summarizes the primary change: adding a Storybook gallery for the dashboard agent.
✨ Finishing Touches 💡 1
📝 Generate docstrings 💡
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feat/agent-storybook-gallery

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

coderabbitai[bot]

This comment was marked as resolved.

@kathiekiwi kathiekiwi changed the title Dashboard agent storybook gallery feat(webapp): storybook gallery for the dashboard agent Aug 6, 2026
@kathiekiwi
kathiekiwi marked this pull request as ready for review August 6, 2026 00:07
devin-ai-integration[bot]

This comment was marked as resolved.

@kathiekiwi
kathiekiwi force-pushed the feat/agent-storybook-gallery branch from bfe64cc to 1b6dfb1 Compare August 6, 2026 00:56
devin-ai-integration[bot]

This comment was marked as resolved.

@devin-ai-integration devin-ai-integration Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Devin Review found 1 new potential issue.

Open in Devin Review

Comment thread apps/webapp/app/routes/storybook/route.tsx
@kathiekiwi
kathiekiwi changed the base branch from feat/dashboard-agent-flows to feat/dashboard-agent-flows-watch August 7, 2026 12:51
@kathiekiwi
kathiekiwi force-pushed the feat/dashboard-agent-flows-watch branch from 712396b to e110e90 Compare August 8, 2026 12:05
@kathiekiwi
kathiekiwi force-pushed the feat/agent-storybook-gallery branch from 662e92f to 02e1f60 Compare August 8, 2026 12:28
@pkg-pr-new

pkg-pr-new Bot commented Aug 8, 2026

Copy link
Copy Markdown

Open in StackBlitz

@trigger.dev/build

npm i https://pkg.pr.new/@trigger.dev/build@02e1f60

trigger.dev

npm i https://pkg.pr.new/trigger.dev@02e1f60

@trigger.dev/core

npm i https://pkg.pr.new/@trigger.dev/core@02e1f60

@trigger.dev/python

npm i https://pkg.pr.new/@trigger.dev/python@02e1f60

@trigger.dev/react-hooks

npm i https://pkg.pr.new/@trigger.dev/react-hooks@02e1f60

@trigger.dev/redis-worker

npm i https://pkg.pr.new/@trigger.dev/redis-worker@02e1f60

@trigger.dev/rsc

npm i https://pkg.pr.new/@trigger.dev/rsc@02e1f60

@trigger.dev/schema-to-json

npm i https://pkg.pr.new/@trigger.dev/schema-to-json@02e1f60

@trigger.dev/sdk

npm i https://pkg.pr.new/@trigger.dev/sdk@02e1f60

commit: 02e1f60

The gallery pages for the agent chat, view blocks, report, investigation and
watch cards, the demo fixtures behind them, and the screenshot script.

This reverts commit bbdcb0881, which held these back out of the parent PR.
…d pin them to the code that reads them

The confirmation card's external notification became a three-state object while the
gallery branch sat still, and the report card's untrustworthy reason was renamed
under a free-form key that nothing typechecked. Moves the hand-written fixtures into
the shared gallery module and checks them against the schemas and readers the product
uses, so the next rename fails a test instead of rendering an unreachable state.
@kathiekiwi
kathiekiwi force-pushed the feat/agent-storybook-gallery branch from 02e1f60 to ec08b16 Compare August 8, 2026 12:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant